<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!-- Mirrored from laikecms.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 26 Oct 2018 12:34:26 GMT -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>摩登电子-微信小程序开发|太原小程序定制|微信小程序制作平台</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="skin/css/index20171208.css" rel="stylesheet" type="text/css" />
<link href="skin/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="skin/css/common.css" rel="stylesheet" type="text/css" />
<meta http-equiv="mobile-agent" content="format%3dxhtml%3burl%3d/m/index.html">
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="m/index.html";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
</head>

<body class="page-index">
<div class="top">
  <div class="container main_minwidth">
    <div class="top1"> <a href="index.html"><img class="top_logo" src="skin/img/logo.png" width="147" height="40" /></a>
      <div class="top2">
        <ul class="top_nav">

                    
        </ul>
        <!--<div class="top_event">
          <div class="top_event1"><a href="/">管理小程序</a></div>
        </div>-->
      </div>
    </div>
  </div>
</div> 

<!-- banner 轮播 -->
<link rel="stylesheet" href="skin/css/swiper-3.4.2.min.css">
<link href="skin/css/banner.css" rel="stylesheet" type="text/css" />
<div id="banner" class="swiper-container" style="height:560px;">
  <div class="swiper-wrapper" style="height:560px;"> <div class="swiper-slide" style="height:560px;background:url('uploads/180302/1-1P3021505304B.jpg'); background-position:center; background-repeat:no-repeat; background-size:cover"> <a class="slide_a" href="#"><img style="opacity:0" src="uploads/180302/1-1P3021505304B.jpg"></a> </div><div class="swiper-slide" style="height:560px;background:url('uploads/180302/1-1P3021509561I.jpg'); background-position:center; background-repeat:no-repeat; background-size:cover"> <a class="slide_a" href="#"><img style="opacity:0" src="uploads/180302/1-1P3021509561I.jpg"></a> </div> </div>
  
  <!-- 如果需要分页器 -->
  <div class="swiper-pagination"></div>
  
  <!-- 如果需要导航按钮 -->
  <div class="slidesjs-previous slidesjs-navigation swiper-button-prev"></div>
  <div class="slidesjs-next slidesjs-navigation swiper-button-next"></div>
</div>

  </div>
</div>
<div class="xiaochengx">
  <div class="container">
    <div class="syhy_t">小程序 · 大市场</div>
    <i class="title_line"></i>
    <ul class="xiao">
      <li class="col-sm-3">
        <div class="bg"> <img src="uploads/allimg/180228/1-1P22QK3540-L.png" /> </div>
        <div class="xiao_title">流量红包</div>
        <div class="xiao_desc">共享9.85亿微信注册用户，7亿微信支付用户，2000万微信公众号，率先上线小程序，抢占流量红利</div>
      </li>
<li class="col-sm-3">
        <div class="bg"> <img src="uploads/allimg/180228/1-1P22QK3190-L.png" /> </div>
        <div class="xiao_title">即用即走</div>
        <div class="xiao_desc">拒绝满屏僵尸App，不要恼人的安装更新推送，即用即走，简单高效，就是潇洒</div>
      </li>
<li class="col-sm-3">
        <div class="bg"> <img src="uploads/allimg/180228/1-1P22QK2580-L.png" /> </div>
        <div class="xiao_title">生态汇入</div>
        <div class="xiao_desc">附近小程序，与订阅号服务号绑定，公众号文章传播，搜索入口，还有更多...</div>
      </li>
<li class="col-sm-3">
        <div class="bg"> <img src="uploads/allimg/180228/1-1P22QK2320-L.png" /> </div>
        <div class="xiao_title">品牌展示</div>
        <div class="xiao_desc">颠覆传统应用模式，微信上最轻、最快、最好的用户体验，实现高效的品牌宣传</div>
      </li>

    </ul>
  </div>
</div> 
<!-- 接入流程-->
<div class="liucheng">
  <div class="container">
    <div class="syhy_t">接入流程</div>
    <i class="title_line"></i> <img class="liucheng_img" src="skin/img/liucheng.png" /> </div>
</div>


</div>
<div class="youshi">
  <div class="container">
    <div class="syhy_t youshi1">我们的核心优势</div>
    <i class="title_line"></i>
    <ul class="youshi2">
      <li class="youshi2_1">
        <div class="youshi2_1tit">可靠</div>
        <div class="youshi2_1dec">本土团队亲力打造，专注活动平台开发与研究</div>
      </li>
<li class="youshi2_1">
        <div class="youshi2_1tit">专业</div>
        <div class="youshi2_1dec">专业的小程序第三方平台服务商，Web App技术领域的先行者</div>
      </li>
<li class="youshi2_1">
        <div class="youshi2_1tit">专注</div>
        <div class="youshi2_1dec">十年专注HTML5和小程序技术研究，资深的技术团队支持</div>
      </li>
<li class="youshi2_1">
        <div class="youshi2_1tit">强大</div>
        <div class="youshi2_1dec">产品强大易用，模板+定制开发，最低0元起，学习成本低</div>
      </li>
<li class="youshi2_1">
        <div class="youshi2_1tit">服务</div>
        <div class="youshi2_1dec">完善的售后服务，7×24小时人工在线问题解答，保证无忧</div>
      </li>

    </ul>
  </div>
</div> 

<!--开启小程序时代-->
<div class="shidai">
  <div class="container">
    <div class="shidai1">开启小程序时代</div>
    <div class="shidai2">您的梦想与远见，我们帮您达成！</div>
    <div class="shidai3"></div>
    <a class="shidai_btn" href="http://wpa.qq.com/msgrd?v=3&amp;site=%e6%9d%a5%e5%ae%a2%e5%b0%8f%e7%a8%8b%e5%ba%8f&amp;menu=yes&amp;uin=471574285">立即开通</a> </div>
</div>

<!--底部  pc--> 

<!-- 右小角联系图标 --> 
<link rel="stylesheet" href="skin/css/chat.css">
<div class="consult_contact">
  
  <div class="contact_group_btn">
    
    <div class="group_btn_box"> <img src="skin/img/wx_icon.png" alt="" class="wx_btn" />
      <div class="hover_txt_box">
        <div class="wx_code_box"> <img src="skin/img/ewm.jpg" alt="" class="wx_code" /> </div>
        <i class="arrow wx_arrow"></i> </div>
    </div>
    <div id="chatqq" class="group_btn_box"> 
      <img src="skin/img/qq_icon.png" alt="" class="qq_btn addqq" />
      <div class="hover_txt_box addqq">
        <div class="phone_txt">541820949</div>
        <i class="arrow"></i> </div>
    </div>
    <div id="goTop" class="group_btn_box" style="display:none"> <a href="javascript:scroll(0,0)"><img src="skin/img/backtop_icon.png" alt="" class="backTop_btn" /></a> </div>
  </div>
</div>
<footer class="bottom">
  <div class="container">
    <ul>
      <li class="col-lg-2 mt20 foot">
        <div class="bottom_2">电话：18636894631</div>
        <div class="bottom_2">邮箱：modern@modernmod.cn</div>
        <div class="bottom_2">微信：wjrlxa_wang</div>
      </li>
      <li class="col-lg-2 bottom_ewm mt20">
        <div class="bottom_1 bot2">关注我们</div>
        <img src="skin/img/xcx.jpg" width="100px" height="100px"/>
        <div class="desc">- 扫码体验小程序 -</div>
      </li>
      <li class="col-lg-2 bottom_ewm mt20">
        <div class="bottom_1"></div>
        <img src="skin/img/ewm.jpg" width="100px" height="100px"/>
        <div class="desc">- 扫码关注公众号 -</div>
      </li>
    </ul>
  </div>
  <div class="bottomCopy">Copyright &copy; 2018 MODERNDZ. 摩登电子 版权所有</div>
</footer>
<script type="text/javascript" src="skin/js/jquery-2.1.0.js"></script> 
<script>
	$(document).ready(function () {
		$(window).scroll(function () {
			var scrollTop = $(window).scrollTop();
			scrollTop > 100 ? $("#goTop").show() : $("#goTop").hide();
		});
	})
 	$(".addqq").click(function() {
        window.open(
            "http://wpa.qq.com/msgrd?v=3&amp;site=%e6%9d%a5%e5%ae%a2%e5%b0%8f%e7%a8%8b%e5%ba%8f&amp;menu=yes&amp;uin=82048806"
        );
    });
	
// 客服弹框 鼠标放上事件
    $('.group_btn_box').hover(function() {
        $(this).find('.hover_txt_box').css("display", "flex");
        $(this).siblings().find('.hover_txt_box').hide();
    }, function() {
        $(this).find('.hover_txt_box').hide();
    });
</script>

</body>

<!-- Mirrored from laikecms.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 26 Oct 2018 12:38:47 GMT -->
</html>
<script type="text/javascript" src="skin/js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="skin/js/swiper-3.4.2.min.js"></script>
<script type="text/javascript" src="skin/js/common_tabs.js"></script>
<script>
    $('.swiper-container').css({width: '100%', height: $(window).width()/1920*560})
	$('.swiper-slide').css({width: '100%', height: $(window).width()/1920*560})
	$('.swiper-wrapper').css({width:'100%', height: $(window).width()/1920*560})
    var mySwiper = new Swiper ('.swiper-container', {
        direction: 'horizontal',
        loop: true,
        autoplay : 3000,
        speed:300,
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
    })
	for(var i = 1; i < 9; i++){
		var img=new Image();
		img.src="/images/1204/fanganbg"+i+".png";
	}
	Tabs(".fangan_left1",".active","",".fangan_right");

	$(body).resize(function(){
		$('.swiper-container').css({width:'100%', height: $(window).width()/1920*560})
		$('.swiper-slide').css({width: '100%', height: $(window).width()/1920*560})
		$('.swiper-wrapper').css({width: '100%', height: $(window).width()/1920*560})
	})
</script>